$(function () {
    $('#loginBox a').on('click', function () {
        $('#loginBox').hide()
        $('#regBox').show()
    })
    $('#regBox a').on('click', function () {
        $('#loginBox').show()
        $('#regBox').hide()
    })

    // 需求2 自定义校验检测规则
    // 只要导入 layui.all.js 就会多出一个对象 layui
    let  form =layui.form
        // verify 是一个对象
        form.verify({
            // 参数是一个对象,属性是规则名称,值是规则
            // 值有两种,数组,函数
            username: [
                /^[\S]{1,10}$/,
                '用户名必须1到10位,且不能出现空格'
            ],
            pwd:[
                /^[\S]{6,15}$/,
                '密码必须6-15位,且不能出现空格'
            ],
            rePwd: function(value) {
                // value就是你给那个标签添加这个校验规则
                let pwd =$('#regBox input[name=password]').val()
                // 如果原密码的值和确认密码的值不相等,就报错
                if(pwd !== value) {
                    return '两次密码的输入不一样'
                }
            }
        })

        // 需求3 注册功能
        let layer =layui.layer
        $('#formReg').on('submit',function (e) {
            e.preventDefault()

            axios({
                method: 'POST',
                url:'/api/reguser',
                data:$(this).serialize(),
            }).then(res=> {
                if (res.data.status !==0){
                    return layer.msg(res.data.message)
                }
                layer.msg('注册成功')

                $('#regBox a').click()
                // 清空表单 DOM元素中,有一个对象reset() 可以重置表单
                $('#formReg')[0].reset()
            })
        })
    $('#formLogin').on('submit',function (e) {
        e.preventDefault()

        axios({
            method:'POST',
            url:'/api/login',
            data:$(this).serialize()
        }).then(res=> {
            if(res.data.status !==0) {
                return layer .msg(res.data.message)
            }
            // 成功提示
            layer.msg('恭喜你,登录成功')
            localStorage.setItem('token',res.data.token)
            // 页面跳转到
            location.href ='/index.html'
        })
    })
})